* {
	margin:0;
	padding:0;
	outline:0;
	-webkit-tap-highlight-color:rgba(0,0,0,.35)
}
img {
	max-width:100%!important;
}
html {
	min-height:100%;
	font-size:100%;
	-webkit-text-size-adjust:100%
}
body {
	width:100%;
	min-height:100%;
	font-family:Helvetica,Arial,sans-serif;
	word-break:break-all;
	background-color:#fff
}
img.jinnang {
	width:3rem;
    position: absolute;
    z-index: 100;
    right: 1rem;
    top: 1rem;

}
.sign_main .calendar_month_prev,.sign_main .calendar_month_next{
    height: 1rem;
    background: url(https://img.alicdn.com/imgextra/i1/27390555/TB2LmNEtFXXXXblXXXXXXXXXXXX-27390555.png);
    background-size: cover;
    width: 1.5rem;
}
.sign_main .calendar_month_next{
    float: right;background-position: -1.5rem;
}
.sign_main .calendar_month_prev{
    float: left;
}
.sign_main .sign_succ_calendar_title{
	   height: 1rem;line-height: 1rem;
}
.sign_main .js-close-cal{
	float:right
}
.sign_main .calendar_month_span{
	float:left
}
.sign_main .sign table{
    width: 100%;
    height: 10rem;
    text-align: center;
}
.sign th,.sign td {width: 1.8rem;height: 1.8rem;text-align: center;line-height: 1.8rem;}
.sign th {font-size: .6rem;}
.sign td {vertical-align: middle;}     
.sign .on, .sign .on_bu, .sign .on_la, .sign .giftok, .sign .gift {background: url(https://img.alicdn.com/imgextra/i1/27390555/TB2LmNEtFXXXXblXXXXXXXXXXXX-27390555.png);background-size:cover;}
.sign .on {background-position:-6.25rem -0.15rem;}
.sign .on_bu {background-position:-9.2rem -0.15rem;}
.sign .on_la {background-position: -12rem -0.15rem;}
.sign .giftok {cursor:pointer;background-position: -14.8rem -0.10rem;color:#FFF}
.sign .gift {cursor:pointer;background-position: -17.6rem -0.10rem;color:#FFF}
.sign input {    
	height:1.1rem;
	padding:0 2px;
    -webkit-appearance: button;
    font-size: .5rem;
    color: #fff;
    text-align: center;
    border: 0;
    border-radius: 5px;
    text-shadow: 0 0 3px rgba(0,0,0,.3);
    background: -webkit-gradient(linear,0 0,0 100%,from(#1dbbd7),to(#10369d));}
.content a {color:#fff000}
#poupInfoBox {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden;
	padding:10px 0;
	color:#fff;
	z-index:500;
	background:rgba(0,0,0,0.8);
	display:none;
}
#poupInfoBox .poupHead {
	position:relative;
	border-bottom:1px solid rgba(255,255,255,.6);
	padding:.2rem 0 0;
	margin:0 10px
}
#poupInfoBox .popTabBox {
	position:relative
}
#poupInfoBox .poupMain {
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	width:100%;
	float:left;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:0 1rem;
	position:relative
}
#poupInfoBox .poupTitle {
	display:inline-block;
	font-size:1.1rem;
	padding-top:.4rem
}
#poupInfoBox .poupClose {
	position:absolute;
	right:0;
	width:2.25rem;
	height:2.25rem;
	background:url('https://hdg.faisys.com/image/close.png?v=201605161742') no-repeat;
	background-size:70%;
	background-position:center
}
#poupInfoBox .poupTitleBox {
	float:left;
	width:13.25rem
}
#poupInfoBox .poupTitleBox .poupTitleMune {
	float:left;
	line-height:.65rem;
	padding:.8rem 0;
	text-align:center;
	cursor:pointer;
	width: 4.41667rem;
}
.poupTitleBox .poupTitleMune .item {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-left:solid 1px rgba(255,255,255,.3);
	position:relative;
	font-size:.65rem
}
.poupTitleBox .poupTitleMune:first-child .item {
	border-left:none
}
#poupInfoBox .poupSlideBar {
	position:absolute;
	left:0;
	width:13.25rem;
	bottom:0
}
#regAwardMain {
	max-height:19.2rem
}
#regAwardMain .playerName span {
	display:inline-block
}
#poupInfoBox .slideBarTip {
	height:3px;
	max-width:3.2rem;
	background:#fff;
	left: 0.6rem;
}
#poupInfoBox .slideBarTip::after {
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	border-left:.4rem solid transparent;
	border-right:.4rem solid transparent;
	border-bottom:.45rem solid #fff;
	width:0;
	right:0;
	margin:auto
}
#poupInfoBox .transitionPanel {
	position:relative
}
#poupInfoBox .transitionPanel.ontransition {
	-moz-transition:left 0s;
	-webkit-transition:left 0s;
	-o-transition:left 0s;
	transition:left 0s
}
#poupInfoBox .mainTitle {
	font-size:.6rem;
	line-height:1.2rem;
	background:#fff;
	color:#000;
	display:inline-block;
	padding:0 8px;
	margin-bottom:.55rem
}
#poupInfoBox .poupLine {
	font-size:.6rem;
	line-height:.9rem;
	padding:2px 0;
	margin-top:.7rem
}
#poupInfoBox .poupLine a {
	color:#fff000
}
#ruleBox #explainBox {
	overflow:auto;
	word-break:break-all;
	-webkit-overflow-scrolling:touch
}
.poupLine {
	font-size:.6rem;
	line-height:.9rem;
	padding:2px 0;
	margin-top:.7rem
}
.poupLine a {
	color:#fff000
}
#ruleBox #explainBox {
	overflow:auto;
	word-break:break-all;
	-webkit-overflow-scrolling:touch
}
#awardBox .explain {
	font-size:.6rem;
	line-height:1rem;
	overflow-y:auto;
	word-wrap:break-word
}
#awardBox #awardInfo {
	margin-top:.7rem;
	font-size:.7rem
}

#awardBox .codeInfoBox .buttons {color:#ecb208;line-height:0.6rem;margin-left:0.6rem;text-align:center}
#awardBox .codeInfoBox .buttons input {margin-bottom:.5rem;height: 1.5rem;    width: 8rem;}
#rankInfoBox .rankInfo .codeInfoBox,
#awardBox .codeInfoBox {
	width:13rem;
	border:.1rem solid #fff;
	border-radius:.2rem;
	margin:auto;
	position:relative;
	padding-top:.8rem;
	font-size:.6rem	;
	margin-bottom:.5rem;
}
#awardBox .awardWrap {
	width:100%;
	border-bottom:.05rem dashed #fff;
	opacity:.3;
	margin:.5rem 0 .4rem
}
.attentionBox {
	width:100%;
	text-align:center;
	font-size:.7rem;
	position:absolute;
	bottom:.1rem;
	left:0rem
}
.attentionBox * {
	margin-left:auto;
	margin-right:auto
}
.attentionBox .menuBtnBox,.resuleBox .menuAgain,.resuleBox .menuBack,.resuleBox .backListen,.TellToOther {
	width:10rem;
	height:2rem;
	line-height:2rem!important;
	background:#41bd43;
	border-radius:.2rem;
	margin-bottom:.5rem
}
.attentionBox a {
	color:#fff;
	text-decoration:none;
	line-height:1.9rem
}
.attentionBox .skillInfo {
	line-height:1rem;
	height:1rem;
	margin-bottom:.3rem;
	margin-top:.2rem;
	font-size:.6rem
}
.attentionBox .skillInfo a,.skillInfo a {
	color:#fff;
	text-decoration:underline
}
.attentionBox .holdBox {
	height:.5rem
}
.attentionBox .skillInfo .gotoFlag {
	display:inline-block;
	width:.4rem;
	height:.4rem;
	vertical-align:baseline;
	background-image:url(/image/jt.png?v=201605161742);
	background-size:100% 100%;
	margin-left:.3rem
}
#rankBox .rankTable {
	width:100%;
	margin-top:.55rem;
	text-align:center;
	table-layout:fixed;
	font-size:.7rem;
	color:#FFF
}
#rankBox .rankInfo {
	line-height:2.75rem
}
#rankBox #noRank {
	margin-top:.7rem;
	font-size:.7rem;
}
#rankBox .rankTable .userImg {
	width:2rem;
	height:2rem;
	margin:0 auto;
	border-radius:999px
}
#rankBox .rankTable .manImg {
	background:url('https://hdg.faisys.com/image/manImg.jpg?v=201605161742') no-repeat;
	background-size:100%
}

#rankBox .rankTable .userName {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
#rankBox .rankTable td {
	border-bottom:1px solid rgba(255,255,255,.4)
}
.demo-wrapper .demo-title {color:rgba(255,255,255,.85);}
.demo-links a, .copyright a {color:rgba(255,255,255,.5);}
.swipe {
	overflow: hidden;
	visibility: hidden;
	position: relative;
}
.swipe-wrap {
	overflow: hidden;
	position: relative;
}
.swipe-wrap > figure {
	float: left;
	width: 100%;
	position: relative;
}

.erweima {text-align:center;}
.erweima img {border:6px solid #FFF; margin-right:20px;}
html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}b,strong{font-weight:700}blockquote{margin:1em 40px}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;padding:0}pre,code,kbd,samp{font-size:16px;font-family:monospace,serif;_font-family:"courier new",monospace}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}ul,ol{margin:1em 0;padding:0}nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}@media only screen and (min-width: 768px) and (max-width: 959px){img{ max-width:100%}}@media only screen and (max-width: 767px){img{ max-width:100%}}figure,form,fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;*margin-left:-7px;padding:0}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}table{border-collapse:collapse;border-spacing:0}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;-webkit-touch-callout:none}button,input,select,textarea{color:#3f3f3f;margin:0;font-size:1em;line-height:1.4;background-color:#191919}article{padding:0 20px;margin:0 auto;max-width:720px;overflow:hidden}article small{font-size:.9em;margin:0 0 1.5em;display:block;text-align:center}h1{color:#212121;line-height:1;}h2{font-weight:600;font-size:1.6em;margin:1.5em 0 .4em;line-height:1.2}h3{font-family:museo-slab,serif;margin:1.8em 0 .5em;color:#404040;font-size:1.2em;font-weight:500}h6{font-family:museo-slab,serif;font-size:1.3em;margin:0 0 .3em;font-weight:400;color:#8c9397;margin-bottom:40px;}blockquote{font-style:italic;font-weight:300;font-size:19px;font-family:museo-slab;margin:1.2em 0 1.7em 1.5em;color:#a6a9ab}pre.code,.preview{margin:1.2em 0 2em;border:1px solid;border-color:#cdd2d6 #bfc6cb #b3bbc1 #bfc6cb;border-radius:2px;position:relative;box-shadow:0 1px 1px rgba(0,0,0,.08)}.two-column pre.code.preview,.two-column .preview.preview{margin-right:20px}pre.code label,.preview label{font-family:sans-serif;font-weight:700;font-size:13px;color:#4b555c;position:absolute;left:1px;top:16px;text-align:center;width:60px}pre.code code,.preview code{font-family:"Inconsolata","Monaco","Consolas","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier,monospace;display:block;margin:0 0 0 60px;padding:15px 16px 14px;border-left:1px #e5eaee solid;overflow-x:auto;font-size:13px;line-height:19px;color:#333}pre.code.code-css code,.preview.code-css code{color:#d84400}pre.code.code-html code,.preview.code-html code{color:#4576d5}[data-zoom]:after{content:attr(data-zoom);color:#ddd;font-size:15px;font-weight:700;position:absolute;top:10px;left:12px;text-transform:uppercase}.button,.button:active,.button:visited{margin:0;padding:13px 30px 12px;border-radius:4px;display:inline-block;vertical-align:top;color:#494f50!important;text-decoration:none!important;border:1px #97a2a4 solid;border-top:1px #a4b0b4 solid;border-bottom:1px #8f9698 solid;box-shadow:0 1px 0 rgba(0,0,0,.05),inset 0 1px 0 white;background-color:#ececec;background-image:-webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#e0e0e0));background-image:-webkit-linear-gradient(top,#f9f9f9,#e0e0e0);background-image:-moz-linear-gradient(top,#f9f9f9,#e0e0e0);background-image:-ms-linear-gradient(top,#f9f9f9,#e0e0e0);background-image:-o-linear-gradient(top,#f9f9f9,#e0e0e0);background-image:linear,top,#f9f9f9,#e0e0e0;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#F9F9F9', EndColorStr='#E0E0E0');font-size:17px;font-weight:700;text-shadow:0 1px 0 white;font-family:proxima-nova;text-transform:none;letter-spacing:0}.button:hover,.button:active:hover,.button:visited:hover{text-decoration:none}.dark{background-color:#191919}.dark header a,.dark header a:visited{color:#2b2e30;font-weight:700}.dark header a:hover,.dark header a:visited:hover{color:#43484b}.dark header a.logo,.dark header a:visited.logo{background:#373b3e;color:#191919}.dark header a.logo:hover,.dark header a:visited.logo:hover{background:#4f5559}.dark article h1{color:#fff}.dark article img{margin:0 0 4em;box-shadow:0 1px 3px black;border-radius:4px;max-width:100%}.dark footer a{color:#2b2e30!important;font-weight:700}.dark footer a:hover{color:#43484b!important}.page-swipe header{padding-bottom:25px}.page-swipe header a,.page-swipe header a:visited{color:#2b2e30;font-weight:700}.page-swipe header a:hover,.page-swipe header a:visited:hover{color:#43484b}.page-swipe header a.logo,.page-swipe header a:visited.logo{background:#373b3e;color:#191919}.page-swipe header a.logo:hover,.page-swipe header a:visited.logo:hover{background:#4f5559}@media only screen and (max-width: 767px){.page-swipe header{ padding:15px 0}}.page-swipe header #slider{max-height:395px;}@media only screen and (max-width: 767px){.erweima img, .demo-title{display:none;}.demo-wrapper-header{margin:10px auto;}.page-swipe header #slider{}}.page-swipe header #slider figure{display:block}.page-swipe header #slider figure div.wrap{max-width:640px;height:360px;display:block;margin:20px auto 15px;position:relative}@media only screen and (max-width: 767px){.page-swipe header #slider figure div.wrap{ max-width:480px;height:240px;margin-bottom:5px}}.page-swipe header #slider figure div.image{display:block;box-shadow:0 1px 5px rgba(0,0,0,.85),inset 0 0 1px rgba(255,255,255,.35);margin:0 10px;border-radius:5px;height:inherit}.page-swipe header #slider figure a{text-transform:none;font-weight:400;letter-spacing:0;position:absolute;bottom:10px;right:20px;font-size:12px;color:#fff;background:#000;padding:2px 5px;border-radius:3px;opacity:.45;font-family:franklin-gothic-urw,sans-serif}.page-swipe header #slider figure a:hover{opacity:.85;text-decoration:none}.page-swipe header nav{position:relative;max-width:680px;margin:7px auto 0}.page-swipe header nav a{font-style:normal;color:#555!important}.page-swipe header nav #position{text-align:center;list-style:none;margin:0;padding:0}.page-swipe header nav #position li{display:inline-block;width:10px;height:10px;border-radius:10px;background:#141414;box-shadow:inset 0 1px 3px black,0 0 1px 1px #202020;margin:0 2px;cursor:pointer}.page-swipe header nav #position li.on{box-shadow:inset 0 1px 3px -1px #28b4ea,0 1px 2px rgba(0,0,0,.5);background-color:#1293dc;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1293dc),color-stop(100%,#0f6297));background-image:-webkit-linear-gradient(top,#1293dc,#0f6297);background-image:-moz-linear-gradient(top,#1293dc,#0f6297);background-image:-ms-linear-gradient(top,#1293dc,#0f6297);background-image:-o-linear-gradient(top,#1293dc,#0f6297);background-image:linear-gradient(top,#1293dc,#0f6297)}.page-swipe article{text-align:center;padding-bottom:60px}@media only screen and (max-width: 767px){.page-swipe article{ padding-left:10px;padding-right:10px}}.page-swipe article h1{font-size:36px;margin:35px 0 10px;line-height:1.1em}@media only screen and (max-width: 767px){.page-swipe article h1{ margin-top:20px;font-size:32px}}.page-swipe article h2{color:#14a8e5;font-size:17px;margin:0}.page-swipe article h2 span{margin:0 6px}.page-swipe article h3{color:#929a9f;font-size:16px}.page-swipe article .twitter{margin:20px 0 20px 8px;padding-bottom:50px;text-align:center}.page-swipe article .twitter iframe{margin:0 10px;max-width:273px}.page-swipe article .whos-using{margin:18px 0 80px;list-style:none;font-size:0}.page-swipe article .whos-using li{display:inline-block;width:170px;height:140px;text-indent:-999em;background-size:170px 140px;background-position:center;background-repeat:no-repeat}@media only screen and (max-width: 470px){.page-swipe article .whos-using li{ display:block;width:auto!important;height:120px}}.page-swipe article #twitter-widget-2,.page-swipe article #twitter-widget-3,.page-swipe article #twitter-widget-4,.page-swipe article #twitter-widget-5{display:inline-block!important;max-width:320px!important;vertical-align:top!important;margin:12px!important;width:auto!important;border-radius:4px!important;box-shadow:0 1px 1px rgba(0,0,0,.05)!important}@media only screen and (max-width: 767px){.page-swipe article #twitter-widget-2,.page-swipe article #twitter-widget-3,.page-swipe article #twitter-widget-4,.page-swipe article #twitter-widget-5{ margin-left:0!important;margin-right:0!important}}.page-swipe footer{background-color:#191919;padding:0}.page-swipe footer a{color:#2b2e30!important;font-weight:700}.page-swipe footer a:hover{color:#43484b!important}.page-swipe footer .button,.page-swipe footer .button:active,.page-swipe footer .button:visited{color:#4c565a!important;border:0;box-shadow:0 1px 1px rgba(0,0,0,.65),inset 0 1px 2px -1px rgba(255,255,255,.2);background-color:#252829;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#252829),color-stop(100%,#1e2021));background-image:-webkit-linear-gradient(top,#252829,#1e2021);background-image:-moz-linear-gradient(top,#252829,#1e2021);background-image:-ms-linear-gradient(top,#252829,#1e2021);background-image:-o-linear-gradient(top,#252829,#1e2021);background-image:linear-gradient(top,#252829,#1e2021);text-shadow:0 -1px 0 rgba(0,0,0,.35);margin-bottom:25px}.post-together header{background-color:#1b1818;background-image:url(../assets/together-header-bkgd.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;margin-bottom:50px;height:543px;position:relative}@media only screen and (max-width: 767px){.post-together header{ height:400px;margin-bottom:30px}}.post-together header a,.post-together header a:visited{color:rgba(255,255,255,.65);font-weight:700;-webkit-font-smoothing:antialiased}.post-together header a:hover,.post-together header a:visited:hover{color:#fff}.post-together header a.logo,.post-together header a:visited.logo{background:#fc6d60;color:#fff;color:rgba(255,255,255,.9)}.post-together header a.logo:hover,.post-together header a:visited.logo:hover{background:#fc6d60}.post-together header h1{color:#fff;margin-top:216px;font-size:45px;-webkit-font-smoothing:antialiased;padding-left:20px;padding-right:20px}@media only screen and (max-width: 767px){.post-together header h1{ margin-top:120px;font-size:36px}}.post-together header h6{color:#fc6d60;font-size:21px;margin-top:.4em;font-style:normal;-webkit-font-smoothing:antialiased}@media only screen and (max-width: 767px){.post-together header h6{ font-size:18px}}.post-together header .photo-by{position:absolute;bottom:0;left:0;right:0;color:rgba(255,255,255,.6);font-size:12px;font-weight:400;font-weight:700;-webkit-font-smoothing:antialiased}.post-together header .photo-by a,.post-together header .photo-by a:visited{padding:0;color:rgba(255,255,255,.6);text-transform:none;letter-spacing:0;vertical-align:top;font-weight:700;-webkit-font-smoothing:antialiased}.post-together header .photo-by a:hover,.post-together header .photo-by a:visited:hover{color:#fff}.post-together article a{color:#fc6d60}.post-together article small a{color:#1a8dc4}.post-together article h2{color:#1a8dc4}.post-tech-together header{background-color:#2c3c8f;margin-bottom:50px;height:543px;position:relative}@media only screen and (max-width: 767px){.post-tech-together header{ height:400px;margin-bottom:30px}}.post-tech-together header a,.post-tech-together header a:visited{color:#4a83c5;font-weight:700}.post-tech-together header a:hover,.post-tech-together header a:visited:hover{color:#fff}.post-tech-together header a.logo,.post-tech-together header a:visited.logo{background:#4a83c5;color:#2c3c8f}.post-tech-together header a.logo:hover,.post-tech-together header a:visited.logo:hover{background:#fff}.post-tech-together header h1{margin-top:106px;font-size:45px;font-family:"katarine-web",sans-serif;text-transform:uppercase;-webkit-font-smoothing:antialiased;padding-left:20px;padding-right:20px;text-align:center;letter-spacing:3px;color:#4a83c5}.post-tech-together header h1 span{display:block;font-size:154px;font-weight:700;text-transform:none;margin-top:-30px;margin-bottom:10px;color:#fff;letter-spacing:0;position:relative;z-index:1;text-shadow:0 0 0 #d9d9d9,0 1px 0 silver,0 2px 0 #a8a8a8,0 3px 0 #909090,0 4px 3px rgba(0,0,0,.1),0 4px 1px rgba(0,0,0,.5),0 0 3px rgba(0,0,0,.2)}@media only screen and (max-width: 767px){.post-tech-together header h1{ margin-top:70px;font-size:26px}.post-tech-together header h1 span{font-size:110px;margin-top:-20px}}@media only screen and (max-width: 560px){.post-tech-together header{ height:300px}.post-tech-together header h1{margin-top:40px;font-size:22px}.post-tech-together header h1 span{font-size:90px;margin-top:-20px}}@media only screen and (max-width: 470px){.post-tech-together header{ height:280px}.post-tech-together header h1{margin-top:35px;font-size:24px}.post-tech-together header h1 span{margin-top:-5px;font-size:60px;margin-bottom:15px}}.post-tech-together header h6{color:#fc6d60;font-size:21px;margin-top:.4em;font-style:normal;-webkit-font-smoothing:antialiased}@media only screen and (max-width: 767px){.post-tech-together header h6{ font-size:18px}}.post-tech-together header h6 a,.post-tech-together header h6 a:visited{padding:0;color:rgba(255,255,255,.6);text-transform:none;letter-spacing:0;vertical-align:top;font-weight:700;-webkit-font-smoothing:antialiased}.post-tech-together header h6 a:hover,.post-tech-together header h6 a:visited:hover{color:#fff}.post-tech-together article p{font-family:"proxima-nova",sans-serif;font-size:1.2em}.post-tech-together article a{color:#fc6d60}.post-tech-together article h2{color:#4a83c5;font-family:"katarine-web",sans-serif;font-size:30px;margin-bottom:.3em}header{text-align:center;padding:30px 0 80px}header a,header a:visited{text-decoration:none;color:#c6cacd;font-size:12px;letter-spacing:1px;text-transform:uppercase;display:inline-block;vertical-align:middle;font-weight:600;padding:7px 15px 5px;}header a:hover,header a:visited:hover{color:#8c9397;text-decoration:none}header a.logo,header a:visited.logo{font-family:ddt,sans-serif;color:#fff;font-size:24px;line-height:28px;padding:8px 13px 7px;border-radius:25px;background:#14a8e5;letter-spacing:0}.stories{margin-top:50px}.stories a{display:block;padding:20px 0;text-decoration:none}.stories a span{font-size:23px;color:#272727;font-weight:600;display:block}.stories a em{display:block;color:#8c9397;font-family:museo-slab,serif}.stories a:hover span{color:#14a8e5;text-decoration:underline}.three-column{display:inline-block;vertical-align:top;width:210px;margin:0 0 3em}.qr-button{text-align:center}.qr-button .button{font-size:14px;padding:11px 18px;border-radius:3px}.qr{margin:1.2em 0;border:1px solid;border-color:#cdd2d6 #bfc6cb #b3bbc1 #bfc6cb;border-radius:2px;box-shadow:0 1px 1px rgba(0,0,0,.08)}.tweet-button{text-align:center;margin:30px 0 0}.tweet-button .fb-like{top:-4px;position:relative}footer{text-align:center;padding:80px 0 30px;display:block}footer a{color:#d1d4d6;text-transform:uppercase;font-size:13px;letter-spacing:2px;font-weight:600;text-decoration:none}footer a:hover{color:#8c9397!important;text-decoration:none}

p {
	word-break:break-all
}
a {
	text-decoration:none
}
img {
	vertical-align:middle
}
em {
	font-style:normal
}
button,input {
	outline:0;
	border:0;
	border-radius:0
}
li,ol,ul {
	list-style:none;
	-webkit-margin-before:0;
	-webkit-margin-after:0;
	-webkit-margin-start:0;
	-webkit-margin-end:0;
	-webkit-padding-start:0
}
audio {
	display:none;
	width:0!important;
	height:0!important;
	pointer-events:none
}
.container {
	display:block;
	position:relative;
	min-height:100%;
	min-width:320px;
	margin:0 auto;
	background:url(https://img.alicdn.com/imgextra/i4/27390555/TB2gaFTsXXXXXbuXXXXXXXXXXXX-27390555.jpg) center 0 repeat-y;
	-webkit-background-size:100% auto;
	-webkit-box-sizing:border-box
}
.fn-clear:after {
	display:block;
	content:'';
	clear:both;
	visibility:hidden
}
.golden-txt {
	color:#fff000
}
.fn-hide {
	display:none
}
.player-wrap {
	position:absolute;
	z-index:350;
	left:10px;
	top:10px
}
.player-wrap .player-btn {
	display:inline-block;
	width:25px;
	height:25px;
	margin:5px 10px;
	background:url(https://img.alicdn.com/imgextra/i4/2631893537/TB238JTsXXXXXagXXXXXXXXXXXX-2631893537.png) right center/auto 100% no-repeat
}
.player-wrap .player-btn.on {
	background-position:0 center
}
.ad {
	display:none;
	position:absolute;
	z-index:350;
	top:0;
	left:0;
	height:67px
}
.ad img {
	width:100%;
	height:100%
}
.ad .ad-close {
	position:absolute;
	top:0;
	right:0;
	width:23px;
	height:23px;
	padding:25px 9px 19px 20px;
	background:url(../../../img/activity/smashegg/ad-close.png) 0 0/auto 100% no-repeat;
	background-origin:content-box
}
.stage {
	width:100%;
	-webkit-perspective:800;
	-webkit-perspective-origin:50% 200px;
	position:relative
}
.stage>img {
	width:100%;
	max-height:700px;
	pointer-events:none
}
.cube {
	position:absolute;
	z-index:100;
	left:50%;
	bottom:20%;
	width:0;
	height:0;
	margin:auto;
	border-radius:300px;
	-webkit-transform-style:preserve-3d;
	-webkit-backface-visibility:visible;
	-webkit-transform:rotateX(90deg) rotateZ(0deg)
}
.plane {
	position:absolute;
	z-index:200;
	left:50%;
	top:50%;
	width:0;
	height:0;
	-webkit-transform-style:preserve-3d;
	-webkit-backface-visibility:visible
}
.plane>span {
	display:block;
	position:relative;
	width:75px;
	height:90px;
	margin-left:-35px;
	margin-top:-86px;
	background:url(https://img.alicdn.com/imgextra/i4/27390555/TB2V7BRsXXXXXXgXFXXXXXXXXXX-27390555.png) center 28px no-repeat;
	-webkit-background-size:70% auto;
	-webkit-transition:background-position .5s ease-in
}
.plane>span>figure {
	display:block;
	width:100%;
	height:100%;
	background:url(https://img.alicdn.com/imgextra/i2/27390555/TB2l6dosXXXXXcEXpXXXXXXXXXX-27390555.png) center -8px no-repeat;
	-webkit-background-size:160% auto;
	pointer-events:none
}
.cube.on,.cube.on .plane>span {
	-webkit-animation:spin 10s infinite linear
}
.plane>span.on.luck {
	background-position:center 3px
}
.plane>span:after {
	display:block;
	content:"";
	position:absolute;
	z-index:360;
	bottom:30px;
	left:-10px;
	width:100px;
	height:100px;
	background:url(https://img.alicdn.com/imgextra/i1/27390555/TB2_MB1sXXXXXb0XpXXXXXXXXXX-27390555.png) center center no-repeat;
	-webkit-background-size:10px auto;
	-webkit-transition:-webkit-background-size .3s ease-in;
	position-events:none
}
.plane>span.on:after {
	-webkit-background-size:120px auto
}
.plane>span.on>figure {
	background-position:center -121px
}
.cube.pause,.cube.pause span {
	-webkit-animation-play-state:paused!important;
	animation-play-state:paused!important
}
.plane.one {
	-webkit-transform:rotateZ(90deg) translateX(80px) rotateX(-90deg)
}
.plane.two {
	-webkit-transform:rotateZ(210deg) translateX(80px) rotateX(-90deg)
}
.plane.three {
	-webkit-transform:rotateZ(330deg) translateX(80px) rotateX(-90deg)
}
.cube.on>.one>span {
	-webkit-animation-name:spin1;
	-webkit-transform:rotateY(90deg);
	z-index:203
}
.cube.on>.two>span {
	-webkit-animation-name:spin2;
	-webkit-transform:rotateY(210deg)
}
.cube.on>.three>span {
	-webkit-animation-name:spin3;
	-webkit-transform:rotateY(330deg)
}
@-webkit-keyframes spin3 {
	0% {
	-webkit-transform:rotateY(330deg)
}
100% {
	-webkit-transform:rotateY(690deg)
}
}@-webkit-keyframes spin2 {
	0% {
	-webkit-transform:rotateY(210deg)
}
100% {
	-webkit-transform:rotateY(570deg)
}
}@-webkit-keyframes spin1 {
	0% {
	-webkit-transform:rotateY(90deg)
}
100% {
	-webkit-transform:rotateY(450deg)
}
}@-webkit-keyframes spin {
	0% {
	-webkit-transform:rotateX(90deg) rotateZ(0deg)
}
100% {
	-webkit-transform:rotateX(90deg) rotateZ(360deg)
}
}.stage .hit {
	display:none;
	position:absolute;
	z-index:300;
	left:50%;
	top:50%;
	margin-left:0;
	margin-top:-80px;
	pointer-events:none
}
.stage .hit img {
	width:90px;
	height:auto
}
.stage .hit.on {
	display:block
}
.snower {
	position:absolute;
	z-index:100;
	width:100%;
	max-width:640px;
	height:100%;
	top:0;
	left:0;
	overflow:hidden;
	pointer-events:none;
	-webkit-box-sizing:border-box
}
.snower>div {
	position:absolute;
	max-width:100px;
	max-height:100px;
	-webkit-animation-iteration-count:infinite!important;
	-webkit-animation-direction:normal!important;
	-webkit-animation-timing-function:linear,ease-in!important
}
.snower>div>img {
	position:absolute;
	width:100%;
	-webkit-animation-iteration-count:infinite!important;
	-webkit-animation-direction:alternate!important;
	-webkit-animation-timing-function:ease-in-out!important;
	-webkit-transform-origin:50% -100%!important
}
@-webkit-keyframes fade {
	0%,95% {
	opacity:1
}
100% {
	opacity:0
}
}@-webkit-keyframes drop {
	0% {
	-webkit-transform:translate3d(0px,-50px,0)
}
100% {
	-webkit-transform:translate3d(0px,500px,0)
}
}@-webkit-keyframes clockwiseSpin {
	0% {
	-webkit-transform:rotate(-50deg)
}
100% {
	-webkit-transform:rotate(50deg)
}
}@-webkit-keyframes counterclockwiseSpinAndFlip {
	0% {
	-webkit-transform:scale(-1,1) rotate(50deg)
}
100% {
	-webkit-transform:scale(-1,1) rotate(-50deg)
}
}.wall-wrap {
	padding:20px 0 0;
	font-size:.5rem;
}
.instro-wall {
	margin:0 14px 10px;
	min-height:100px;
	padding:1px 5px 20px;
	border-radius:10px;
	background-image:-webkit-gradient(linear,10% 0,90% 0,from(#875e44),color-stop(44.5%,#b88e6f),color-stop(56%,#b7957a),color-stop(67.7%,#b99477),to(#875e44))
}
.instro-wall>h2 {
	margin:0 0 1px;
	line-height:20px;
	font-size:12px;
	font-weight:400;
	color:#fdfcb2;
	text-align:center;
	background:-webkit-linear-gradient(left,transparent 10%,#963 50%,transparent 90%)
}
.instro-wall>h2 em {
	color:#fff
}
.instro-wall article {
	margin-bottom:10px;
	padding:5px 5px 10px;
	color:#fff;
	-webkit-box-sizing:border-box;
	-webkit-box-shadow:0 0 15px rgba(135,94,68,.8) inset
}
.instro-wall article h6 {
	display:inline-block;
	margin:5px 0 5px -24px;
	width:5rem;
	height:1.5rem;
	line-height:.9rem;
	text-indent:34px;
	color:#6d5939;
	font-size:.5rem;
	font-weight:700;
	background:url(https://img.alicdn.com/imgextra/i2/2631893537/TB2.b8osXXXXXbgXpXXXXXXXXXX-2631893537.png) no-repeat;
	-webkit-background-size:contain
}
.instro-wall article .content {
	padding:0 10px;
	color:#ffefd9
}
.instro-wall .winners-table td {
	width:50%
}
.instro-wall article table {
	width:100%;
	margin:7px 0 5px;
	text-align:center;
	border-collapse:collapse;
	border-spacing:0
}
.instro-wall article table tr {
	border-top:1px solid #a17a5e
}
.instro-wall article table tr:last-of-type {
	border-bottom:1px solid #c39f87
}
.instro-wall article table td {
	padding:7px 3px;
	border-top:1px solid #c39f87
}
.instro-wall article table tr:last-of-type td {
	border-bottom:1px solid #a17a5e
}
.exchange-wrap .jifen{width:7rem;margin-left:1rem}
.instro-wall article table td input,#rankBox #rankInfoBox .rankInfo input,.exchange-wrap button,#awardInfo .codeInfoBox input{
	-webkit-appearance:button;
	height:.8rem;
	width:4rem;
	font-size:.5rem;
	color:#fff;
	text-align:center;
	border:0;
	border-radius:7px;
	text-shadow:0 0 3px rgba(0,0,0,.3);
	background:-webkit-gradient(linear,0 0,0 100%,from(#1dbbd7),to(#10369d))
}
#rankBox #rankInfoBox .rankInfo input.mission {
	width:6rem;
	height:1.5rem;
}
.instro-wall article table td input.show ,.exchange-wrap button {
	background:-webkit-gradient(linear,0 0,0 100%,from(#FF9800),to(#FF5722))
}
.instro-wall article table td input[disabled=disabled] {
	background:-webkit-gradient(linear,0 0,0 100%,from(#d9d9d9),to(#5c5c5c))
}
.instro-wall .win-table td:first-of-type {
	text-align:left
}
.instro-wall .win-table td:last-of-type {
	text-align:right
}
.instro-wall .prize-list {
	text-align:center
}
.instro-wall .prize-list li {
	float:left;
	width:33.3%;
	padding:3px 0 7px
}
.instro-wall .prize-list li img {
	width:3.5rem;
	height:3.5rem;
	padding:4px 0
}
.instro-wall .prize-list li span {
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	height:28px;
	font-size:.5rem
}
footer {
	padding:5px 0 10px;
	text-align:center
}
.copyright {
	color:#fff
}
.ui-dialog {
	display:none;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1000;
	background:rgba(0,0,0,.5);
	-webkit-transform-style:preserve-3d
}
.ui-dialog-wrap {
	position:absolute;
	font-size:.5rem;
	left:50%;
	top:50%;
	width:90%;
	max-width:576px;
	color:#a6a9ac;
	border:1px solid #393939;
	border-radius:10px;
	background:-webkit-linear-gradient(top,#393939,#212121);
	-webkit-box-sizing:border-box;
	-webkit-transform:translate(-50%,-50%)
}
.ui-dialog-wrap header {
	padding:13px 0
}
.ui-dialog-wrap header h2 {
	margin:0 3px;
	font-weight:400;
	font-size:15px;
	text-align:center
}
.ui-dialog-wrap header h2 .h-wrap {
	border-bottom:1px solid #484949;
	background:url(https://img.alicdn.com/imgextra/i4/27390555/TB2SR8SsXXXXXcMXpXXXXXXXXXX-27390555.png);
	-webkit-background-size:10px auto;
	-webkit-box-shadow:0 0 3px rgba(0,0,0,.9) inset
}
.ui-dialog-wrap header h2 .h-wrap2 {
	margin:23px 0 -4px
}
.ui-dialog-wrap header h2 p {
	position:relative;
	line-height:20px;
	padding:1em 10px
}
.ui-dialog-wrap header h2 img {
	width:50px;
	height:50px;
	margin:5px 7px 5px 0;
	border:2px solid #2f8ae5;
	-webkit-box-sizing:border-box
}
.ui-dialog-wrap header h2 hr {
	height:0;
	border-width:1px 0;
	border-style:solid;
	border-color:#000 transparent #414141
}
.ui-dialog-wrap section {
	padding:4px 25px
}
.ui-dialog-wrap header h2 .hit-again-wrap {
	padding:8px 10px 5px 93px;
	text-align:left;
	line-height:24px
}
.ui-dialog-wrap header h2 .hit-again-wrap i {
	position:absolute;
	left:10px;
	top:-2px;
	width:71px;
	height:80px;
	background:url(https://img.alicdn.com/imgextra/i1/27390555/TB2DISXsXXXXXajXpXXXXXXXXXX-27390555.png) no-repeat 6px;
	-webkit-background-size:contain
}
.ui-dialog-wrap header h2 .noday-times-wrap {
	padding:10px 35px 2px;
	line-height:26px
}
.ui-dialog-wrap header h2 .noday-times-wrap span {
	display:-webkit-box;
	min-height:50px;
	-webkit-box-align:center;
	-webkit-box-pack:center
}
.ui-dialog-wrap header h2 .noall-times-wrap {
	padding:8px 10px 5px 93px;
	text-align:left;
	line-height:24px
}
.ui-dialog-wrap header h2 .noall-times-wrap i {
	position:absolute;
	left:12px;
	top:-3px;
	width:70px;
	height:82px;
	background:url(https://img.alicdn.com/imgextra/i4/27390555/TB2p2ehsXXXXXcNXXXXXXXXXXXX-27390555.png) no-repeat;
	-webkit-background-size:contain
}
.ui-dialog-wrap header h2 .noall-times-wrap span {
	display:-webkit-box;
	min-height:50px;
	-webkit-box-align:center
}
.ui-dialog-wrap header h2 .prize-shop-wrap {
	display:-webkit-box;
	-webkit-box-align:center
}
.ui-dialog-wrap header h2 .prize-shop-wrap img {
	margin:0 17px 0 16px
}
.ui-dialog-wrap header h2 .prize-shop-wrap span {
	display:-webkit-box;
	-webkit-box-flex:1;
	text-align:left
}
.ui-dialog-wrap .field {
	position:relative;
	padding:6px 0
}
.ui-dialog-wrap .field input {
	width:100%;
	padding:9px 3px 9px 26px;
	height:32px;
	font-size:13px;
	color:#fff;
	text-indent:6px;
	border-width:0 1px 1px;
	border-style:solid;
	border-color:transparent #363636 #4d4d4d;
	-webkit-box-sizing:border-box;
	-webkit-box-shadow:0 0 3px rgba(0,0,0,.5) inset;
	background:url(https://img.alicdn.com/imgextra/i4/27390555/TB23zl1sXXXXXbPXpXXXXXXXXXX-27390555.png) no-repeat #1b1b1b;
	-webkit-background-size:30px auto
}
.ui-dialog-wrap .username input {
	background-position:0 1px
}
.ui-dialog-wrap .address input {
	background-position:-2px -60px
}
.ui-dialog-wrap .mobile input {
	background-position:-2px -31px
}
.ui-dialog-wrap .verify input {
	width:51%;
	padding-left:0;
	background:#1b1b1b
}
.ui-dialog-wrap .verify .verify-btn {
	position:absolute;
	top:8px;
	right:0;
	width:43%;
	line-height:30px;
	font-size:13px;
	color:#fff;
	text-align:center;
	box-shadow:0 -1px 0 0 #f0a349;
	border-radius:5px;
	background:-webkit-linear-gradient(top,#ec8c1c,#ea7211)
}
.prize-top {
	margin:-4px 0 20px;
	font-size:15px;
	text-align:center
}
.prize-wrap {
	margin:-4px 0 10px
}
.prize-wrap ul {
	display:-webkit-box;
	font-size:15px;
	-webkit-box-align:center
}
.prize-wrap li {
	width:33.3%;
	-webkit-box-sizing:border-box
}
.prize-wrap li:nth-of-type(1) {
	padding:0 12px 0 0;
	text-align:right
}
.prize-wrap li:nth-of-type(2) {
	text-align:center
}
.prize-wrap li:nth-of-type(3) {
	padding:0 0 0 12px;
	text-align:left
}
.prize-wrap img {
	width:75px;
	height:75px
}
.prize-wrap hr {
	height:1px;
	margin:14px -22px 0;
	background-color:#070707;
	border-width:1px 0;
	border-style:solid;
	border-color:#3f3f3f transparent #2a2a2a
}
.take-ok-wrap {
	display:-webkit-box;
	margin:-4px 0 3px;
	-webkit-box-pack:center;
	-webkit-box-align:center
}
.take-ok-wrap img {
	width:50px;
	height:50px;
	margin:0 20px 0 0;
	border:2px solid #2f8ae5;
	-webkit-box-sizing:border-box
}
.take-ok-wrap span {
	display:block;
	-webkit-box-flex:1;
	font-size:15px;
	line-height:20px
}
.exchange-wrap {
	display:-webkit-box;
	margin:-9px -10px 0;
	-webkit-box-align:center
}
.exchange-wrap i {
	display:block;
	margin:0 9px 0 0;
	width:66px;
	height:72px;
	background:url(https://img.alicdn.com/imgextra/i1/27390555/TB2XyaGsXXXXXXYXXXXXXXXXXXX-27390555.png) no-repeat;
	-webkit-background-size:contain
}
.exchange-wrap i.order {
	background:url(https://img.alicdn.com/imgextra/i4/27390555/TB2_X7ZspXXXXbfXpXXXXXXXXXX-27390555.png_60x60.jpg) no-repeat;
}
.exchange-wrap input,.exchange-wrap select {
	display:block;
	padding:.7rem;
	height:1.2rem;
	font-size:.5rem;
	color:#fff;
	border-width:0 1px 1px;
	border-style:solid;
	border-color:transparent #363636 #4d4d4d;
	background-color:#1b1b1b;
	-webkit-box-sizing:border-box;
	-webkit-box-shadow:0 0 3px rgba(0,0,0,.5) inset;
	-webkit-box-flex:1
}
.exchange-wrap select {
	height:auto;
	padding:9px 3px;
}
.ui-dialog-wrap footer {
	display:-webkit-box;
	padding:12px 25px;
	-webkit-box-pack:justify;
	-webkit-box-align:center
}
.ui-dialog-wrap footer a {
	display:block;
	width:45.7%;
	height:38px;
	line-height:38px;
	font-size:15px;
	color:#fff;
	text-align:center;
	border-radius:5px
}
.ui-dialog-wrap footer a:only-of-type {
	width:77.6%;
	margin:0 auto
}
.ui-dialog-wrap footer .btn-yes {
	background:-webkit-linear-gradient(top,#308ce8,#2262a3);
	box-shadow:inset 0 1px 0 0 #539fec
}
.ui-dialog-wrap footer .btn-no {
	background:-webkit-linear-gradient(top,#454c54,#30353b);
	box-shadow:inset 0 1px 0 0 #646a71
}
.ui-guide,.ui-mask {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1400;
	background:0 0
}
.ui-guide {
	display:none;
	z-index:1500
}
.ui-guide-follow {
	background:url(../../../img/activity/smashegg/follow.png) right 0 no-repeat rgba(0,0,0,.8);
	-webkit-background-size:100% auto
}